@charset "utf-8";
/* CSS Document */

body {margin:0 auto; padding:0px; font-family:굴림, Arial, Helvetica, sans-serif, 돋움; color:#1b1b1b; font-size:12px;
      background-color:#9ea7b1; background-image:url(/images/intro/bg.jpg); background-repeat:repeat-x; text-align: center;}
div, p, ul, h1, h2, h3, form {padding:0px; margin:0px;}
img{padding:0px; margin:0px; border:0px; vertical-align:middle;}
ul{list-style-type:none;}

a {color:#1b1b1b; text-decoration:none;}
a:hover {color:#05ae27;}
#wrapper {width:1000px; margin:0 auto; padding-top:28px; text-align: left;}

#top { padding-bottom:40px;}
#top_menu {width:700px; float:right; }
#user_info {text-align:right; color:#6e7986; margin-right:20px; }
.mypage {width:78px; height:23px; font-size:12px; color:#ffffff; background-image:url(/images/intro/mypage_bg.gif); border:none; background-color:#0cc230; }
.modify {width:88px; height:23px; font-size:12px; color:#ffffff; background-image:url(/images/intro/userinfo_bg.gif); border:none; background-color:#878f97; padding-top:2px;}
#navi { width:700px; float:right; position:relative; top:38px;}
#navi02 { width:700px; float:right; position:relative; top:15px;}
#navi03 { width:700px; float:right; position:relative; top:15px;}

#top_menu ul li {float:left;}
#notice a { display:block; width:127px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu01.gif);}
#notice a:hover { display:block; width:127px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu01h.gif);}
#faq a { display:block; width:97px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu02.gif);}
#faq a:hover { display:block; width:97px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu02h.gif);}
#board a { display:block; width:143px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu03.gif);}
#board a:hover { display:block; width:143px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu03h.gif);}
#gallery a { display:block; width:96px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu04.gif);}
#gallery a:hover { display:block; width:96px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu04h.gif);}
#contactus a { display:block; width:113px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu05.gif);}
#contactus a:hover { display:block; width:113px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu05h.gif);}
#login a { display:block; width:124px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu06.gif);}
#login a:hover { display:block; width:124px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu06h.gif);}

#notice2 a { display:block; width:127px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu01.gif);}
#notice2 a:hover { display:block; width:127px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu01h.gif);}
#faq2 a { display:block; width:97px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu02.gif);}
#faq2 a:hover { display:block; width:97px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu02h.gif);}
#board2 a { display:block; width:143px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu03.gif);}
#board2 a:hover { display:block; width:143px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu03h.gif);}
#gallery2 a { display:block; width:96px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu04.gif);}
#gallery2 a:hover { display:block; width:96px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu04h.gif);}
#contactus2 a { display:block; width:113px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu05.gif);}
#contactus2 a:hover { display:block; width:113px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu05h.gif);}
#logout a { display:block; width:124px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu07.gif);}
#logout a:hover { display:block; width:124px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu07h.gif);}

#notice3 a { display:block; width:127px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu01.gif);}
#notice3 a:hover { display:block; width:127px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu01h.gif);}
#faq3 a { display:block; width:97px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu02.gif);}
#faq3 a:hover { display:block; width:97px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu02h.gif);}
#board3 a { display:block; width:143px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu03.gif);}
#board3 a:hover { display:block; width:143px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu03h.gif);}
#gallery3 a { display:block; width:96px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu04.gif);}
#gallery3 a:hover { display:block; width:96px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu04h.gif);}
#contactus3 a { display:block; width:113px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu05.gif);}
#contactus3 a:hover { display:block; width:113px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu05h.gif);}
#logout3 a { display:block; width:124px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu07.gif);}
#logout3 a:hover { display:block; width:124px; height:42px; text-indent:-1000em; background-image:url(/images/intro/topmenu07h.gif);}


.intro_left {width:480px; float:left; margin-right:20px;}
.intro_right {width:500px; float:right;}
.btn_goole {margin-top:10px; margin-bottom:5px;}

.intro_box {width:1000px; height:340px; background:#5f6364 url(/images/intro/round_bottom.gif) no-repeat left bottom; margin:5px 0px 40px 0px; clear:both;}
.intro_box02 {background:url(/images/intro/round_top.gif) no-repeat left top; padding:22px 20px ; color:#ffffff; font-size:14px; line-height:22px;}
.intro_mov {float:left; width:490px; height:300px; background-color:#000000; margin-right:20px;}
.mov_text {float:right; width:450px;}

#bottom_menu {height:38px; background:url(/images/intro/bottom_menu_bg.gif) no-repeat; text-align:center; clear:both;}
#bottom_menu ul {width:300px; padding-top:15px; margin:auto;}
#bottom_menu ul li {float:left; }
#bottom_menu ul li a {color:#2d2f32; text-decoration:none; background:url(/images/intro/bottom_menu_bar.gif) no-repeat; padding-left:17px; }
#bottom_menu ul li a:hover {color:#dadada; text-decoration:none;}
#bottom_menu ul li.first a {background:none; padding-left:0px;}

#copy {width:1000px; text-align:center; color:#FFFFFF; line-height:20px; margin:10px 0px 20px;}

.sub_content {padding-left:25px; padding-right:10px; padding-bottom:40px;}
.space10 {margin-bottom:30px;}
.space30 {margin-bottom:25px; clear:both;}
/* 게시판 폰트 설정 font-size:11px 대상은 공지사항,사용자게시판 */
.notice_tb {width:100%; border-collapse:collapse; border:0px; font-size:11px;  margin:15px 0px;}
.notice_tb02 {width:100%; border-collapse:collapse; border:0px; font-size:11px; margin-bottom:15px; clear:both;}
.search_tb  {width:100%; border-collapse:collapse; border:0px; margin-top:15px;}

.notice_tb_head
{height:32px; background-color:#13b633; color:#FFFFFF; text-align:center; padding-top:0px; padding-bottom:0px;}
.notice_tb_head02
{height:32px; background-color:#13b633; color:#FFFFFF; padding-top:0px; padding-bottom:0px;}
.notice_tb_headfirst
{height:32px; background-color:#13b633; color:#FFFFFF; background:url(/images/intro/tb_head01.gif) no-repeat left top; text-align:center; padding-top:0px; padding-bottom:0px;}
.notice_tb_headlast
{height:32px; background-color:#13b633; color:#FFFFFF; background:url(/images/intro/tb_head02.gif) no-repeat right top; text-align:center; padding-top:0px; padding-bottom:0px;}
.notice_tb_headfirst02
{height:32px; background-color:#13b633; color:#FFFFFF; background:url(/images/intro/tb_head03.gif) no-repeat left top; text-align:center; padding-top:0px; padding-bottom:0px;}
.notice_tb_headfirst03
{height:32px; background-color:#13b633; color:#FFFFFF; background:url(/images/intro/tb_head01.gif) no-repeat left top; padding-left:20px; padding-top:0px; padding-bottom:0px;}
.notice_tb_headlast02
{height:32px; background-color:#13b633; color:#FFFFFF; background:url(/images/intro/tb_head04.gif) no-repeat right top; text-align:center; padding-top:0px; padding-bottom:0px;}

.notice_tb_list {height:31px; border-bottom:1px solid #13b633; text-align:center;}
.notice_tb_title {height:31px; border-bottom:1px solid #13b633;}
.tb_btn {margin:0px 2px;}
.notice_input {background-color:#cdd1d7; border:1px solid #0ca82b; height:16px; width:145px; font-size:11px; padding-top:4px;}
.search_text {color:#0a8323; font-size:11px;}
.notice_content {padding:20px; line-height:20px; border-bottom:1px solid #13b633;}

.content_center {text-align:center; clear:both;}
.btn_left {float:left; padding-bottom:15px;}
.btn_right {float:right; padding-bottom:15px;}
.btn_right02 {float:right; padding-bottom:25px;}
.content_head {height:32px; color:#FFFFFF; background:url(/images/intro/content_head.gif) no-repeat left top; padding:0px 20px; font-size:14px;}
.comment_first {width: 85%; padding:15px 20px 15px 0px; line-height:20px; border-bottom:1px solid #13b633; border-top:1px solid #13b633;}
.comment_idfirst {width: 15%; padding:15px 20px; color:#FFFFFF; font-weight:bold; line-height:20px; border-bottom:1px solid #13b633; border-top:1px solid #13b633;}
.comment {padding:15px 20px 15px 0px; line-height:20px; border-bottom:1px solid #13b633;}
.comment_id {padding:15px 20px; color:#FFFFFF; font-weight:bold; line-height:20px; border-bottom:1px solid #13b633;}
.comment_textarea {background-color:#cdd1d7; border:1px solid #0ca82b; width:875px; height:52px; font-size:12px; padding:4px;}
.comment_btn {vertical-align:top;}

.write_title { width:917px; border:1px solid #0ca82b; font-size:12px; padding:3px; margin-left:7px; }
.write_textarea { width:953px; border:1px solid #0ca82b; font-size:12px; padding:4px; }
.write_attach {border:1px solid #0ca82b; font-size:12px; padding:2px; margin-left:7px;}
.write_attach02 {border:1px solid #0ca82b; font-size:12px; padding:2px;}
.write_tb {padding-top:7px;}
.write_tb02 {padding:7px 0px 10px; border-bottom:1px solid #13b633;}
.write_btn {vertical-align:top; margin-top:2px;}

.faq {font-size:14px; line-height:37px; padding-top:15px;}
.faq_box {background: #0ddf37 url(/images/intro/faqbox_bottom.gif) no-repeat left bottom; width:950px; margin-bottom:10px;}
.faq_none {display:none;}
.faq_box02 {background:url(/images/intro/faqbox_top.gif) no-repeat left top; color:#FFFFFF; padding:15px 25px; line-height:25px; }

.gallery_title {padding:8px 70px 7px 0px; line-height:18px;}
.gallery_title02 {padding:8px 0px 7px 0px; line-height:18px;}
.gallery_id {color:#5d5d5d; }
.gallery_date {color:#5d5d5d; background:url(/images/intro/gallery_bar.gif) no-repeat left center; padding:3px 0px 3px 7px;}
.gallery_hit {color:#5d5d5d; }
.gallery_like {color:#5d5d5d; background:url(/images/intro/gallery_bar.gif) no-repeat left center; padding:3px 0px 3px 7px;}
.gallery_photo {padding-top:20px;}
.gallery_pic {border:1px solid #FFFFFF;}

.contactus {color:#09ac29; line-height:20px; margin-top:15px;}

#wrapper_login {width:520px; margin:0 auto; padding-top:50px;}
.login_box {height:130px; border:3px dashed #13b633; padding:40px 60px; margin:15px 0px 20px 0px; position:relative; background-color:#FFFFFF; }
.login_box02 {width:350px; }
.login_box label {width:55px; height:20px; display:block; float:left; margin:6px 0 0; color:#13b633; font-weight:bold; padding:10px 5px 0px 5px;}
.login_box input {width:205px; height:21px; background-color:#ebeef0; border:1px solid #13b633; float:left; margin:6px 15px 13px 0px; font-size:12px; padding:5px 4px 0px 4px;}
.login_button {position:absolute; top:45px; right:60px; }
.login_button02 {position:absolute; top:140px; right:60px; }
.login_text { width:520px; text-align:center; color:#FFFFFF; line-height:20px; margin-bottom:20px; }
.login_copy { width:520px; text-align:center; color:#FFFFFF; font-size:11px; margin:50px 0px; }


.mypage_content {padding-bottom:40px;}
.mypage_title {padding-left:25px; padding-bottom:15px;}
.mypage_category
{width:178px; height:16px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-top:1px solid #ffffff; text-align:center; background-color:#089624;
color:#FFFFFF; padding:8px 0px; font-size:14px; font-weight:bold; float:left;}
.mypage_info
{float:right; width:819px; height:22px; border-right:1px solid #ffffff; border-top:1px solid #ffffff; text-align:center; background-color:#13b633; color:#FFFFFF; padding:10px 0px 0px;}

.mypage_bg {background:url(/images/intro/mypage_bg02.gif) repeat-y; border:1px solid #ffffff; clear:both; width:998px;}
.mypage_bg li a
{width:162px; background-color:#dbdee2; color:#555555; padding:8px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; display:block}
.mypage_bg li a:hover
{width:162px; background-color:#dbdee2; color:#13b633; padding:8px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; display:block}
.mypage_bg ul {float:left;}
.mypage_right {float:right; width:803px; background-color:#FFFFFF; padding:8px 8px 30px;}
.mypage_img {padding:20px 0px 30px 220px;}
.mypage_right h3 {width:799px; border-bottom:1px solid #13b633; margin-left:2px; margin-bottom:20px; text-align:center; color:#0aac2a; font-size:18px; padding:10px 0px 12px;}
.clear {clear:both;}

.mypage_tb {width:100%; border-collapse:collapse; border:1px solid #13b633; margin:15px 0px; font-size: 11px;}
.mypage_label {background-color:#13b633; color:#FFFFFF; padding:8px 15px; width:100px; border-bottom:1px solid #ffffff;}
.mypage_lastlabel {background-color:#13b633; color:#FFFFFF; padding:7px 15px; width:100px;}
.mypage_data {border:1px solid #13b633; padding-left:10px; background-color:#FFFFFF;}
.mypage_input {background-color:#dde1e6; border:1px solid #a9afb7; height:14px; width:500px; font-size:12px; padding:2px;}
.mypage_input2 {background-color:#dde1e6; border:1px solid #a9afb7; width:500px; font-size:12px; padding:2px;}
.mypage_list {background-color:#dde1e6; border:1px solid #a9afb7; width:500px; font-size:12px; padding:1px;}

.admin_no { width:50px; background-color:#13b633; color:#FFFFFF; padding:8px; text-align:center; border-right:1px solid #ffffff; font-size: 11px;}
.admin_label {background-color:#13b633; color:#FFFFFF; padding:8px; text-align:center; border-right:1px solid #ffffff; font-size: 11px;}
.admin_lastlabel {background-color:#13b633; color:#FFFFFF; padding:8px; width:100px; text-align:center; font-size: 11px;}
.admin_data {border:1px solid #13b633; padding:6px 2px; background-color:#FFFFFF; text-align:center; font-size: 11px;}
.admin_dataleft {border:1px solid #13b633; padding:6px 5px 6px 8px; background-color:#FFFFFF; text-align:left; font-size: 11px;}

.admin_button_on
{width:102px; height:26px; border:none; background:url(/images/intro/admin_btn_on.gif) no-repeat; color:#FFFFFF; text-align:center; font-weight:bold; vertical-align:middle; margin-left:5px;}
.admin_button_off
{width:102px; height:26px; border:none; background:url(/images/intro/admin_btn_off.gif) no-repeat; color:#FFFFFF; text-align:center; font-weight:bold; vertical-align:middle; margin-left:5px;}
.admin_select {font-size:12px;}
.admin_input {background-color:#cdd1d7; border:1px solid #0ca82b; height:16px; width:200px; font-size:12px; padding-top:4px;}
.admin_qnaview {float:right; padding-top:80px;}
.admin_subtitle {font-size:14px; font-weight:bold; color:#09ac29; margin-top:25px;}
.admin_content {border:1px solid #13b633; padding:20px; line-height:20px; background-color:#FFFFFF; height:200px; vertical-align:top;}
.admin_download {border:1px solid #13b633; padding-top: 4px; background-color:#FFFFFF; height:20px; vertical-align:top;}






<!-- -->